<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>${article.title}-${setting.name}</title>
		[#include "/common/include.ftl"/]
		<link type="text/css" rel="stylesheet" href="${base}/resource/css/article.css">
		<link type="text/css" rel="stylesheet" href="${base}/resource/css/list.css">
		<script type="text/javascript">
			$(function(){
				ajax({
	                url: base + "/getRecommandGoods.jhtml",
	                type: "GET",
	                data: {
	                	tagId	: 1
	                },
	                cache: false,
	                success: function(data){
	                	var html = template('recommand-goods', {list:data});
	                	$("#recommand").html(html);
	                	$("#recommand img.lazy").lazyload({threshold:500,failure_limit:20});
	                }
	            });
			});
		</script>
	</head>
	<body class="customer">
		[#include "common/header.ftl"]
		<div class="body w">
			<div class="crumbs">
				<a href="${base}/index.jhtml">360跨界商萌首页</a><span>></span><a href="${base}/article/list.jhtml">通知公告</a><span>></span><a>${article.title}</a>
			</div>
			<div class="main mt10">
				<div class="slide-left fl">
					<div class="left-wrap">
						<div class="mt">
							<h2>热卖推荐</h2>
						</div>
						<div class="mc">
							<ul id="recommand"></ul>
						</div>
					</div>
				</div>
				<div class="slide-right fr article">
					<div class="content">
						<h2 class="title">${article.title}</h2>
						<p class="time">
							发布时间 ：${(article.releaseDate)!''}
						</p>
						<div class="cont">
							${article.content!}
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		[#include "common/footer-slidebar-lazyload.ftl"]
		<script id="recommand-goods" type="text/html">
		    {{each list}}
		        <li>
					<i class="host"></i>
					<div class="img">
						<a target="_blank" href="{{$value.path}}"><img class="lazy" data-original="{{$value.image100x100}}" postfix="100x100"></a>
					</div>
					<p class="price">
						<em>￥</em><span>{{$value.price}}</span>
					</p>
					<p class="name">
						<a href="{{$value.path}}" target="_blank"><span>{{$value.name}}</span></a>
					</p>
					<!--<div class="tools">
						<a href="" class="review-count">1029</a>
					</div>-->
				</li>
		    {{/each}}
		</script>
	</body>
</html>